Escúchalo en:

<figure class="wp-block-image size-full"></figure>



<figure class="wp-block-image size-full"></figure>



<figure class="wp-block-image size-full"></figure>



<figure class="wp-block-image size-full"></figure>

En el episodio 505 de WordPress Semanal te cuento cómo sacar partido al plugin Block Visibility, uno de los complementos más flexibles que existen para el editor. Casos de uso muy prácticos para mostrar u ocultar bloques exactamente donde y cuando quieras.

Qué es Block Visibility y por qué puede cambiar tu forma de trabajar

Block Visibility te permite controlar cuándo, cómo y a quién se muestra cada bloque de Gutenberg.
Y lo hace sin trucos, sin shortcodes, sin custom code y sin builders pesados.

Es como darle un “modo condicional” a cualquier bloque.

Es útil porque:

• Evita duplicar páginas





• Te permite personalizar contenido sin romper diseño





• Da control real sin programación





• Es ligero y trabaja con el editor nativo

1. Los controles básicos: útiles para cualquier web

Son opciones que puedes usar desde el primer minuto:

Por dispositivo

• Mostrar un bloque solo en móvil o solo en escritorio.

Por fecha y hora

• Publicar/ocultar bloques durante campañas, eventos o lanzamientos.

Por tamaño de pantalla

• Ajustar diseños sin CSS: un bloque para pantallas grandes, otro para móviles.

Por estado del usuario

• Mostrar algo solo si el usuario está logueado o no.

Casos típicos: un botón distinto para no registrados, un aviso solo visible en móvil, una promoción temporal sin tocar el contenido principal.

2. Casos de uso prácticos y muy comunes

Aquí es donde el plugin brilla para el 90% de usuarios:

• Mostrar un CTA distinto para usuarios no registrados





• Cambiar la cabecera o el menú según el dispositivo





• Ocultar una sección durante ciertas horas o días





• Mostrar mensajes personalizados en época de promociones





• Cambiar bloques en función del ancho de pantalla sin tocar CSS





• Mostrar contenido extra solo a miembros o clientes

Esto evita duplicar la página y te permite crear variaciones limpias y rápidas.

3. Casos de uso avanzados (lo que antes requería código)

Aquí empiezan las cosas interesantes.

Por rol del usuario

• Bloques solo para editores, autores, clientes, suscriptores…

Por URL o ruta

• Mostrar un bloque solo si el usuario está en /blog/ o /tienda/camisetas/

Por fuente de referencia

• Mostrar un mensaje solo si viene de Instagram, Google Ads o una newsletter.

Por parámetros (query strings)

• Mostrar un bloque si la URL tiene ?bono=true





• Perfecto para campañas, promociones y tests simples.

Integración con WooCommerce

• Mostrar contenido según la categoría del producto





• Bloques visibles solo si hay productos en el carrito





• Mensajes distintos según el estado de la compra

Integración con Easy Digital Downloads

• Mostrar contenido solo a compradores de un producto concreto





• Avisos post-compra sin tocar plantillas

Integración con ACF

• Mostrar bloques según el valor de un campo personalizado





• Lógica avanzada sin escribir hooks

Esto te permite construir páginas “inteligentes” sin crear plantillas nuevas ni tocar código.

4. Lo que puedes hacer ahora sin necesidad de builders ni código

Block Visibility te permite:

• Crear variantes de landing page dentro de la misma URL





• Mostrar versiones distintas de bloques sin duplicar la página





• Usar lógica condicional sin PHP





• Gestionar redirecciones visuales con bloques alternativos





• Crear personalizaciones para roles, dispositivos o campañas

Para muchos proyectos, es suficiente para evitar un builder entero.

5. Errores comunes al usar Block Visibility (y cómo evitarlos)

• Abusar de las condiciones y crear webs difíciles de mantener





• No documentar qué hace cada bloque y por qué





• Crear demasiadas versiones del mismo bloque sin necesidad





• Usarlo para tapar problemas de estructura en lugar de resolverlos

La clave es usarlo con intención: pocos bloques, pocas reglas y lógica clara.

Plugin de la semana: Disable XML-RPC

Disable XML-RPC desactiva completamente la funcionalidad XML-RPC de WordPress, una puerta de entrada muy utilizada en ataques automatizados y fuerza bruta. Al activarlo cierras ese acceso mejorando la seguridad y reduciendo la carga en el servidor sin configuraciones complejas.

Contenidos recomendados

• Vídeo de la Zona Código: saludo flotante a clientes de WooCommerce con enlace a su cuenta





• Curso de Block Visibility





• Newsletter de WordPress Semanal

La entrada 505 | Visibilidad condicional en WordPress (casos de uso muy útiles) es una artículo de Gonzalo Navarro.